@charset "utf-8";
@import "reset";

header{
    width: 100%;
    margin-top: 56px;
    img{
        width: 100%;
    }
}
.company{
    width: 100%;
    margin-bottom: 100px;
    .company_body{
        width: 1000px;
        margin: 70px auto 0;
        .company_body_box{
            position: relative;
            margin-top: 50px;
            h3{
                font-size: 21px;
                margin-bottom: 20px;
            }
            p{
                font-size: 14px;
                text-indent: 2em;
                line-height: 30px;
            }
            img{
                width: 100%;
                position: absolute;
                bottom: 0;
            }
        }
    }
}
.recruit{
    width: 100%;
    padding-bottom: 60px;
    background-color: #8cc11f;
    overflow: hidden;
    .recruit_body{
        width: 1000px;
        margin: 0 auto;
        margin-top: 100px;
        h1{
            color: white;
        }
        .recruit_body_box{
            margin-top: 60px;
            p{
                color: white;
                font-size: 16px;
                line-height: 30px;
            }
        }
    }
}
.Development{
    width: 100%;
    .Development_body{
        width: 1000px;
        margin: 100px auto 0;
        padding-bottom: 100px;
        border-bottom: 1px solid #999;
        h2{
            color: #8cc11f;
            font-size: 26px;
            margin-bottom: 40px;
        }
        h6{
            font-size: 18px;
            margin-top: 20px;
        }
        .one{
            text-indent: 2em;
            font-size: 14px;
            margin-top: 20px;
        }
    }
    .Development_bodys{
        width: 1000px;
        margin: 100px auto 0;
        padding-bottom: 100px;
        h2{
            color: #8cc11f;
            font-size: 26px;
            margin-bottom: 40px;
        }
        h6{
            font-size: 18px;
            margin-top: 20px;
        }
        .one{
            text-indent: 2em;
            font-size: 14px;
            margin-top: 20px;
        }
    }
    .nobot{
        border-bottom: none;
    }
}
.mode{
    width: 100%;
    background-color: #f4f4f4;
    padding-bottom: 50px;
    .mode_body{
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
        h2{
            margin: 45px auto;
        }
        .mode_body_box{
            .mode_body_box_one{
                margin-top: 20px;
                .mode_body_box_one_test{          
                    padding: 20px;
                    background-color: white;
                    display: flex;
                    align-items: center;
                    .mode_body_box_one_img{
                        width: 70px;
                        height: 70px;
                        img{
                            width: 100%;
                        }
                    }
                    p{
                        font-size: 16px;
                        margin-left: 10px;
                    }
                }
            }
        }
    }
}
@media only screen and (max-width:414px){
    .company{
        .company_body{
            width: 100%;
            h1{
                font-size: 32px;
                margin: 0 10px 0 20px;
            }
            .company_body_box{
                margin: 0;
                div:nth-of-type(1){
                    h3{
                        font-size: 16px;
                        line-height: 24px;
                    }
                    p{
                        font-size: 14px;
                    }
                }
                .company_body_box_img{
                    width: 100%;
                    flex: 0 0 94%;
                    padding: 10px;
                    img{
                        width: 100%;
                        bottom: 0;
                        position: unset;
                        margin: 10px;
                    }
                }
            }
        }        
    }
    .recruit{
        .recruit_body{
            width: 100%;
            h1{
                margin: 0 10px 40px;
                font-size: 30px;
            }
            .recruit_body_box{
                p{
                    padding: 0 10px;
                    color: white;
                    line-height: 35px;
                }
            }
            .recruit_body_box_2{
                margin-top: 20px;
                .youxiang{
                    margin: 0 10px;
                }
            }
        }
    }
    .Development{
        .Development_body{
            width: 100%;
            padding: 0 20px 60px;
        }
        .Development_bodys{
            width: 100%;
            padding: 0 20px 60px;
        }
    }
    .mode{
        .mode_body{
            width: 100%;
            .mode_body_box{
                .mode_body_box_one{
                    .mode_body_box_one_test{
                        margin: 10px;
                    }
                }
            }
        }
    }
}
